<template>
  <div class="connection">
    <div class="box">
      <h1 class="lxfs">
        联系方式
      </h1>
      <div class="conner_title">
        <span class="count_header">电话：</span>
        <span class="count">
          0795-7589567
        </span>
      </div>
      <div class="conner_title">
        <span class="count_header">邮编：</span>
        <span class="count">
          331200
        </span>
      </div>
      <div class="conner_title">
        <span class="count_header">地理位置：</span>
        <span class="count">
          樟树市四特大道288号
        </span>
      </div>
    </div>

    <div class="map_cont">
      <maps address='樟树市四特大道288号'></maps>
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
.connection {
    margin: 0 auto;
    width: 900px;
    /* height: 400px; */
    /* height: 85vh; */
    margin-top: 100px;
}
.conner_title {
    margin-top: 20px;
}
.map_cont {
    width: 500px;
    height: 300px;
    display: inline-block;
    margin-left: 30px;
}
.count {
    margin-left: 20px;
}
.count_header {
    width: 100px;
    text-align: right;
    display: inline-block;
}
.box {
    display: inline-block;
    float: left;
}
.lxfs {
    margin-bottom: 70px;
}
</style>